<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
		<link href="css/zui.datatable.min.css" rel="stylesheet">
		<script src="js/zui.datatable.min.js"></script>
	</head>
	<body>
		<div class="y-conRightmain y-padT-10 y-padLR-20">
			
			<div class="y-bgfff y-padLR-20 y-padB-20 y-marR-20 card y-padT-20">
				
				<div class="breadcrumb y-border y-bgGaryPale clearfix">
					<div class="col-sm-3 col-xs-4">
				      <select class="form-control" id="exampleInputAddress1">
				        <option>类别1</option>
				        <option>类别2</option>
				      </select>
				    </div>
					<div class="col-sm-3 col-xs-4">
				      <input type="text" class="form-control" placeholder="关键字">
				    </div>
					<button type="submit" class="btn btn-primary">检索</button>
					
				</div>
				
				<!-- HTML 代码 -->
				<table class="table datatable">
				    <thead>
				      <tr>
				        <th>id</th>
				        <th class="y-widthBig">商品名称</th>
				        <th>货号</th>
				        <th>价格</th>
				        <th>库存</th>
				      </tr>
				    </thead>
				    <tbody>
				      <tr>
				      	<td>1</td>
				      	<td class="y-widthBig">爱普生打印机</td>
				      	<td>20170806015</td>
				      	<td>999</td>
				      	<td>100</td>
				      </tr>
				    </tbody>
				 </table>
			
				<div class="clearfix">
					<button class="btn" type="button">选择</button>
					<ul class="pager pager-loose pull-right">
						<li class="previous active"><a href="#">首页</a></li>
					    <li class="previous"><a href="#">上页</a></li>
					    <li class="previous"><a href="#">1</a></li>
					    <li class="previous"><a href="#">下页</a></li>
					    <li class="previous disabled"><a href="#">尾页</a></li>
				    </ul>
				</div>
			</div>
			
		</div>
				
		<script type="text/javascript">
			$('table.datatable').datatable({
				checkable: true,
				checkByClickRow:false
			});
			function goodsAddUrl(){
				window.location.href="goodsAdd.html";
			}
		</script>
	</body>
</html>
